/* 浅色 */
/* 渐变色 */
/* 阴影透明色 */
.ag-icon {
  background-size: 1136px 1505px;
  background-repeat: no-repeat;
  width: 60px;
  height: 62px;
  display: inline-block;
}
.ag-icon-blueuser {
  width: 14px;
  height: 14px;
  background-position: -540px -374px;
}
.ag-icon-bluecompany {
  width: 14px;
  height: 14px;
  background-position: -540px -414px;
}
.ag-icon-admin-null {
  width: 167px;
  height: 92px;
  background-position: -460px -890px;
}
.ag-icon-personal {
  width: 16px;
  height: 16px;
  background-position: -186px -133px;
  transform: scale(0.75);
}
.ag-icon-active-personal {
  width: 16px;
  height: 16px;
  background-position: -226px -133px;
  transform: scale(0.75);
}
.ag-icon-seal {
  width: 16px;
  height: 16px;
  transform: scale(0.8125);
  background-position: -187px -173px;
}
.ag-icon-active-seal {
  width: 16px;
  height: 16px;
  transform: scale(0.8125);
  background-position: -227px -172px;
}
.ag-icon-mailList {
  width: 16px;
  height: 16px;
  transform: scale(0.87);
  background-position: -186px -212px;
}
.ag-icon-flieArchive {
  width: 16px;
  height: 16px;
  transform: scale(0.87);
  background-position: -186px -212px;
}
.ag-icon-flieArchive {
  width: 15px;
  height: 14px;
  background-position: -77.5px -370px;
}
.ag-icon-flieArchive-active {
  width: 15px;
  height: 14px;
  background-position: -117.5px -370px;
}
.ag-icon-flieArchive-edit-sure {
  width: 14px;
  height: 14px;
  background-position: -922.5px -174px;
}
.ag-icon-flieArchive-edit-cancel {
  width: 14px;
  height: 14px;
  background-position: -1006px -174px;
}
.ag-icon-flieArchive-flie {
  width: 11px;
  height: 8px;
  background-position: -499.5px -456px;
}
.ag-icon-flieArchive-flie-active {
  width: 11px;
  height: 8px;
  background-position: -540px -456px;
}
.ag-icon-flieArchive-flie-new {
  width: 12px;
  height: 13px;
  background-position: -579.5px -254px;
}
.ag-icon-flieArchive-more {
  width: 12px;
  height: 2px;
  background-position: -951.5px -284.5px;
}
.ag-icon-active-mailList {
  width: 16px;
  height: 16px;
  transform: scale(0.87);
  background-position: -226px -213px;
}
.ag-icon-active-smallBell {
  width: 14px;
  height: 16px;
  background-position: -408px -252px;
}
.ag-icon-active-certified {
  width: 13px;
  height: 13px;
  background-position: -985px -373px;
}
.ag-icon-active-noCertified {
  width: 13px;
  height: 13px;
  background-position: -1017px -373px;
}
.ag-icon-active-verified {
  width: 14px;
  height: 14px;
  background-position: -964px -174px;
}
.ag-icon-active-noVerified {
  width: 14px;
  height: 14px;
  background-position: -1006px -174px;
}
.ag-icon-active-joinBusiness {
  width: 12px;
  height: 11px;
  background-position: -449px -214px;
}
.ag-icon-active-createBusiness {
  width: 12px;
  height: 14px;
  background-position: -539px -253px;
}
.ag-icon-enterpriseSettings {
  width: 15px;
  height: 18px;
  transform: scale(0.86666, 0.89999);
  background-position: -77px -131px;
}
.ag-icon-active-enterpriseSettings {
  width: 15px;
  height: 18px;
  transform: scale(0.86666, 0.89999);
  background-position: -118px -131px;
}
.ag-icon-tick {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  margin-top: 6px;
  background-position: -922px -174px;
}
.ag-icon-fault {
  width: 14px;
  height: 14px;
  background-position: -1006px -174px;
}
.ag-icon-roleManagement {
  width: 18px;
  height: 18px;
  transform: scale(0.89999);
  background-position: -76px -171px;
}
.ag-icon-active-roleManagement {
  width: 18px;
  height: 18px;
  transform: scale(0.89999);
  background-position: -116px -171px;
}
.ag-icon-auditLog {
  width: 16px;
  height: 18px;
  transform: scale(0.8125, 0.722222);
  background-position: -76px -251px;
}
.ag-icon-active-auditLog {
  width: 16px;
  height: 18px;
  transform: scale(0.8125, 0.722222);
  background-position: -117px -252px;
}
.ag-icon-SigningManagement {
  width: 13px;
  height: 13px;
  background-position: -77px -295px;
}
.ag-icon-active-SigningManagement {
  width: 13px;
  height: 13px;
  background-position: -117px -295px;
}
.ag-icon-contractNo {
  width: 13px;
  height: 14px;
  background-position: -78px -333px;
}
.ag-icon-active-contractNo {
  width: 13px;
  height: 14px;
  background-position: -119px -333px;
}
.ag-icon-documentOwnership {
  width: 14px;
  height: 14px;
  background-position: -78px -369px;
}
.ag-icon-active-documentOwnership {
  width: 14px;
  height: 14px;
  background-position: -118px -369px;
}
.ag-icon-signarea {
  width: 26px;
  height: 26px;
  background-position: -276px -570px;
}
.ag-icon-signarea2 {
  width: 26px;
  height: 26px;
  background-position: -276px -618px;
}
.ag-icon-active-signarea {
  width: 26px;
  height: 26px;
  background-position: -276px -668px;
}
.ag-icon-sealarea {
  width: 26px;
  height: 26px;
  background-position: -426px -570px;
}
.ag-icon-sealarea2 {
  width: 26px;
  height: 26px;
  background-position: -426px -618px;
}
.ag-icon-active-sealarea {
  width: 26px;
  height: 26px;
  background-position: -426px -668px;
}
.ag-icon-timearea {
  width: 23px;
  height: 23px;
  background-position: -326px -570px;
}
.ag-icon-timearea2 {
  width: 26px;
  height: 26px;
  background-position: -326px -618px;
}
.ag-icon-active-timearea {
  width: 22px;
  height: 22px;
  background-position: -326px -670px;
}
.ag-icon-textarea {
  width: 26px;
  height: 26px;
  background-position: -376px -570px;
}
.ag-icon-textarea2 {
  width: 21px;
  height: 26px;
  background-position: -376px -618px;
}
.ag-icon-active-textarea {
  width: 21px;
  height: 26px;
  background-position: -376px -668px;
}
.ag-icon-crosspagearea {
  width: 21px;
  height: 26px;
  background-position: -477px -570px;
}
.ag-icon-crosspagearea2 {
  width: 24px;
  height: 26px;
  background-position: -477px -618px;
}
.ag-icon-active-crosspagearea {
  width: 26px;
  height: 26px;
  background-position: -477px -668px;
}
.ag-icon-blueExclamation {
  width: 16px;
  height: 16px;
  background-position: -835px -173px;
}
.ag-icon-leftArrow {
  width: 7px;
  height: 13px;
  background-position: -410px -375px;
}
.ag-icon-openEyes {
  width: 14px;
  height: 8px;
  background-position: -916px -281px;
}
.ag-icon-closeEyes {
  width: 14px;
  height: 8px;
  background-position: -885px -280px;
}
.ag-icon-noReal {
  width: 83px;
  height: 83px;
  background-position: -722.5px -1031.5px;
  transform: translate(-10px, -10px) scale(0.72, 0.72);
}
.ag-icon-startNowSign {
  width: 60px;
  height: 60px;
  background-position: -505px -1053px;
}
.ag-icon-templateSign {
  width: 60px;
  height: 60px;
  background-position: -595px -1053px;
}
.ag-icon-fileWait {
  width: 17px;
  height: 16px;
  background-position: -297.5px -132.5px;
}
.ag-icon-fileWait-active {
  width: 17px;
  height: 16px;
  background-position: -337.5px -132.5px;
}
.ag-icon-waitingOthers {
  width: 17px;
  height: 16px;
  background-position: -297.5px -172.5px;
}
.ag-icon-waitingOthers-active {
  width: 17px;
  height: 16px;
  background-position: -337.5px -172.5px;
}
.ag-icon-IInitiated {
  width: 16px;
  height: 15px;
  background-position: -297.5px -212.5px;
}
.ag-icon-IInitiated-active {
  width: 16px;
  height: 15px;
  background-position: -337.5px -212.5px;
}
.ag-icon-receive {
  width: 14px;
  height: 16.5px;
  background-position: -298px -251px;
}
.ag-icon-receive-active {
  width: 14px;
  height: 16.5px;
  background-position: -338.5px -251px;
}
.ag-icon-cc {
  width: 14px;
  height: 14px;
  background-position: -297.5px -293.5px;
}
.ag-icon-cc-active {
  width: 14px;
  height: 14px;
  background-position: -337.5px -293.5px;
}
.ag-icon-signed {
  width: 16.5px;
  height: 14px;
  background-position: -297.5px -333.5px;
}
.ag-icon-signed-active {
  width: 16.5px;
  height: 14px;
  background-position: -337.5px -333.5px;
}
.ag-icon-invalid {
  width: 16px;
  height: 15px;
  background-position: -297.5px -372px;
}
.ag-icon-invalid-active {
  width: 16px;
  height: 15px;
  background-position: -337.5px -372px;
}
.ag-icon-draft {
  width: 14px;
  height: 11px;
  background-position: -297.5px -414.5px;
}
.ag-icon-draft-active {
  width: 14px;
  height: 11px;
  background-position: -337.5px -414.5px;
}
.ag-icon-personalTmplate {
  width: 13px;
  height: 12.5px;
  background-position: -640px -126.5px;
}
.ag-icon-personalTmplate-active {
  width: 13px;
  height: 12.5px;
  background-position: -680.5px -126.5px;
}
.ag-icon-corporateTemplate {
  width: 15px;
  height: 14px;
  background-position: -640px -164.5px;
}
.ag-icon-corporateTemplate-active {
  width: 15px;
  height: 14px;
  background-position: -680px -164.5px;
}
.ag-icon-outLogin {
  width: 15px;
  height: 15px;
  background-position: -947px -370.5px;
}
.ag-icon-search {
  width: 13px;
  height: 13px;
  background-position: -408px -213px;
}
.ag-icon-dark-bottom {
  width: 10px;
  height: 5px;
  background-position: -926px -328.5px;
}
.ag-icon-dark-top {
  width: 10px;
  height: 5px;
  background-position: -954.5px -327.5px;
}
.ag-icon-files {
  width: 30px;
  height: 33px;
  background-position: -603px -616px;
}
.ag-icon-palyers {
  width: 30px;
  height: 33px;
  background-position: -553px -616px;
}
.ag-icon-upload {
  width: 19px;
  height: 17px;
  background-position: -804px -369px;
}
.ag-icon-radio {
  width: 16px;
  height: 16px;
  background-position: -538px -172px;
}
.ag-icon-location-dis {
  width: 40px;
  height: 40px;
  background-position: -76px -567px;
}
.ag-icon-location-normal {
  width: 40px;
  height: 40px;
  background-position: -129px -567px;
}
.ag-icon-location-active {
  width: 40px;
  height: 40px;
  background-position: -186px -567px;
}
.ag-icon-totop-dis {
  width: 40px;
  height: 40px;
  background-position: -76px -623px;
}
.ag-icon-totop-normal {
  width: 40px;
  height: 40px;
  background-position: -129px -623px;
}
.ag-icon-totop-active {
  width: 40px;
  height: 40px;
  background-position: -186px -623px;
}
.ag-icon-tobottom-dis {
  width: 40px;
  height: 40px;
  background-position: -76px -679px;
}
.ag-icon-tobottom-normal {
  width: 40px;
  height: 40px;
  background-position: -131px -679px;
}
.ag-icon-tobottom-active {
  width: 40px;
  height: 40px;
  background-position: -186px -679px;
}
.ag-icon-verify-dis {
  width: 40px;
  height: 40px;
  background-position: -185px -735px;
}
.ag-icon-verify-normal {
  width: 40px;
  height: 40px;
  background-position: -131px -735px;
}
.ag-icon-verify-active {
  width: 40px;
  height: 40px;
  background-position: -186px -735px;
}
.ag-icon-png {
  width: 28px;
  height: 28px;
  background-position: -765px -445px;
}
.ag-icon-pdf {
  width: 28px;
  height: 28px;
  background-position: -810px -445px;
}
.ag-icon-jpg {
  width: 28px;
  height: 28px;
  background-position: -853px -445px;
}
.ag-icon-jpeg {
  width: 28px;
  height: 28px;
  background-position: -900px -445px;
}
.ag-icon-doc {
  width: 28px;
  height: 28px;
  background-position: -943px -445px;
}
.ag-icon-docx {
  width: 28px;
  height: 28px;
  background-position: -990px -445px;
}
.ag-icon-rot {
  width: 16px;
  height: 16px;
  background-position: -803px -410px;
}
.ag-icon-eyes {
  width: 19px;
  height: 14px;
  background-position: -843.5px -279px;
}
body {
  /* Color 可以自定义相关配色 */
  /* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */
  /* 标准色 */
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  background-color: #f5f6f7;
  font-size: 14px;
  color: #333333;
  font-family: 'ArialMT', 'Arial';
}
.wrapper2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex !important;
}
body {
  font-family: 'PingFangSC-Regular', "微软雅黑", "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}
a {
  text-decoration: none;
}
.bsize {
  box-sizing: border-box;
}
.mt10 {
  margin-top: 10px;
}
.content-collapse {
  left: 65px;
}
.container {
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.crumbs {
  margin: 10px 0;
}
.el-table th {
  background-color: #f5f7fa !important;
}
.el-input__inner,
.el-textarea__inner {
  font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}
.pagination {
  margin: 20px 0;
  text-align: right;
}
.plugins-tips {
  padding: 20px 10px;
  margin-bottom: 20px;
}
.el-button + .el-tooltip {
  margin-left: 10px;
}
.el-table tr:hover {
  background: #f6faff;
}
.mgb20 {
  margin-bottom: 20px;
}
.round {
  border-radius: 6px;
}
.move-enter-active,
.move-leave-active {
  transition: opacity 0.5s;
}
.move-enter,
.move-leave {
  opacity: 0;
}
/*BaseForm*/
.form-box {
  width: 600px;
}
.form-box .line {
  text-align: center;
}
.el-time-panel__content::after,
.el-time-panel__content::before {
  margin-top: -7px;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 0;
}
/*Upload*/
.pure-button {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.g-core-image-corp-container .info-aside {
  height: 45px;
}
.upload-buton {
  display: inline-block;
}
/*
.el-upload--text {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.el-upload--text .el-icon-upload {
    font-size: 67px;
    color: #97a8be;
    margin: 40px 0 16px;
    line-height: 50px;
}

.el-upload--text {
    color: #97a8be;
    font-size: 14px;
    text-align: center;
}

.el-upload--text em {
    font-style: normal;
}
*/
/*VueEditor*/
.ql-container {
  min-height: 400px;
}
.ql-snow .ql-tooltip {
  transform: translateX(117.5px) translateY(10px) !important;
}
.editor-btn {
  margin-top: 20px;
}
/* 修改element默认ui */
.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  /* -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); */
  /* box-shadow: 0 2px 16px 0 rgb(9 9 9 / 35%); */
  -webkit-box-shadow: 0px 0px 16px 1px rgba(217, 218, 222, 0.35) !important;
  box-shadow: 0px 0px 16px 1px rgba(217, 218, 222, 0.35) !important;
}
body .el-card__header {
  border-bottom: none;
}
body .el-card {
  color: #333;
}
.el-row {
  margin-bottom: 0 !important;
}
.el-button[class*="--blue"] {
  color: #FFF;
  background-color: #1664ff;
  border-color: #1664ff;
}
.el-menu-item,
.el-submenu__title {
  height: 51px !important;
}
.el-button[class*="--blue"]:hover,
.el-button[class*="--blue"]:active,
.el-button[class*="--blue"]:focus {
  background: #477bdc;
  border-color: #477bdc;
  color: #FFF;
}
/*markdown*/
.v-note-wrapper .v-note-panel {
  min-height: 500px;
}
.content90 {
  /* overflow: hidden; */
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .content90 {
    width: 98%;
  }
  .fontsize16 {
    font-size: 14px;
  }
}
@media screen and (min-width: 1100px) {
  .content90 {
    width: 98%;
  }
  .fontsize16 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .content90 {
    width: 1100px;
  }
  .fontsize16 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .content90 {
    width: 1200px;
  }
  .fontsize16 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  .content90 {
    width: 1200px;
  }
  .fontsize16 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .content90 {
    width: 1200px;
  }
  .fontsize16 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1900px) {
  .content90 {
    width: 1400px;
  }
  .fontsize16 {
    font-size: 21px;
  }
}
.content100 {
  width: 100%;
}
/* ==================
          布局
 ==================== */
/*  -- flex弹性布局 -- */
.flex {
  display: flex;
}
.basis-xs {
  flex-basis: 20%;
}
.basis-sm {
  flex-basis: 40%;
}
.basis-df {
  flex-basis: 50%;
}
.basis-lg {
  flex-basis: 60%;
}
.basis-xl {
  flex-basis: 80%;
}
.flex-sub {
  flex: 1;
}
.flex-twice {
  flex: 2;
}
.flex-treble {
  flex: 3;
}
.flex-direction {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.align-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: flex-center;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
.align-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
/* grid布局 */
.grid {
  display: flex;
  flex-wrap: wrap;
}
.grid.grid-square {
  overflow: hidden;
}
.grid.grid-square .ag-tag {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 3px;
  padding: 3px 6px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.grid.grid-square > view > text[class*="cuIcon-"] {
  font-size: 52px;
  position: absolute;
  color: #8799a3;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.grid.grid-square > view {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.grid.grid-square > view.bg-img image {
  width: 100%;
  height: 100%;
  position: absolute;
}
.grid.col-1.grid-square > view {
  padding-bottom: 100%;
  height: 0;
  margin-right: 0;
}
.grid.col-2.grid-square > view {
  padding-bottom: calc((100% - 10px)/2);
  height: 0;
  width: calc((100% - 10px)/2);
}
.grid.col-3.grid-square > view {
  padding-bottom: calc((100% - 20px)/3);
  height: 0;
  width: calc((100% - 20px)/3);
}
.grid.col-4.grid-square > view {
  padding-bottom: calc((100% - 30px)/4);
  height: 0;
  width: calc((100% - 30px)/4);
}
.grid.col-5.grid-square > view {
  padding-bottom: calc((100% - 80px)/5);
  height: 0;
  width: calc((100% - 80px)/5);
}
.grid.col-2.grid-square > view:nth-child(2n),
.grid.col-3.grid-square > view:nth-child(3n),
.grid.col-4.grid-square > view:nth-child(4n),
.grid.col-5.grid-square > view:nth-child(5n) {
  margin-right: 0;
}
.grid.col-1 > view {
  width: 100%;
}
.grid.col-2 > view {
  width: 50%;
}
.grid.col-3 > view {
  width: 33.33%;
}
.grid.col-4 > view {
  width: 25%;
}
.grid.col-5 > view {
  width: 20%;
}
/*  -- 内外边距 -- */
.margin-0 {
  margin: 0;
}
.margin-xs {
  margin: 5px;
}
.margin-sm {
  margin: 10px;
}
.margin {
  margin: 15px;
}
.margin-lg {
  margin: 20px;
}
.margin-xl {
  margin: 25px;
}
.margin-top-xs {
  margin-top: 5px;
}
.margin-top-sm {
  margin-top: 10px;
}
.margin-top {
  margin-top: 15px;
}
.margin-top-lg {
  margin-top: 20px;
}
.margin-top-xl {
  margin-top: 25px;
}
.margin-top-xls {
  margin-top: 30px;
}
.margin-top-xxl {
  margin-top: 35px;
}
.margin-right-xs {
  margin-right: 5px;
}
.margin-right-sm {
  margin-right: 10px;
}
.margin-right {
  margin-right: 15px;
}
.margin-right-lg {
  margin-right: 20px;
}
.margin-right-xl {
  margin-right: 25px;
}
.margin-right-xxxl {
  margin-right: 45px;
}
.margin-bottom-xs {
  margin-bottom: 5px;
}
.margin-bottom-sm {
  margin-bottom: 10px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-bottom-lg {
  margin-bottom: 20px;
}
.margin-bottom-xl {
  margin-bottom: 25px;
}
.margin-left-xs {
  margin-left: 5px;
}
.margin-left-sm {
  margin-left: 10px;
}
.margin-left {
  margin-left: 15px;
}
.margin-left-lg {
  margin-left: 20px;
}
.margin-left-xls {
  margin-left: 30px;
}
.margin-left-xl {
  margin-left: 25px;
}
.margin-lr-xs {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-lr {
  margin-left: 15px;
  margin-right: 15px;
}
.margin-lr-lg {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-lr-xl {
  margin-left: 25px;
  margin-right: 25px;
}
.margin-tb-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-tb-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-tb-xl {
  margin-top: 25px;
  margin-bottom: 25px;
}
.padding-0 {
  padding: 0;
}
.padding-xs {
  padding: 5px;
}
.padding-sm {
  padding: 10px;
}
.padding {
  padding: 0px 15px;
}
.padding-lg {
  padding: 20px;
}
.padding-xl {
  padding: 25px;
}
.padding-top-xs {
  padding-top: 5px;
}
.padding-top-sm {
  padding-top: 10px;
}
.padding-top {
  padding-top: 15px;
}
.padding-top-lg {
  padding-top: 20px;
}
.padding-top-xl {
  padding-top: 25px;
}
.padding-right-xs {
  padding-right: 5px;
}
.padding-right-sm {
  padding-right: 10px;
}
.padding-right {
  padding-right: 15px;
}
.padding-right-lg {
  padding-right: 20px;
}
.padding-right-xl {
  padding-right: 25px;
}
.padding-bottom-xs {
  padding-bottom: 5px;
}
.padding-bottom-sm {
  padding-bottom: 10px;
}
.padding-bottom {
  padding-bottom: 15px;
}
.padding-bottom-lg {
  padding-bottom: 20px;
}
.padding-bottom-xl {
  padding-bottom: 25px;
}
.padding-left-xs {
  padding-left: 5px;
}
.padding-left-sm {
  padding-left: 10px;
}
.padding-left {
  padding-left: 15px;
}
.padding-left-lg {
  padding-left: 20px;
}
.padding-left-xl {
  padding-left: 25px;
}
.padding-lr-xs {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-lr {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-lr-lg {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-lr-xl {
  padding-left: 25px;
  padding-right: 25px;
}
.padding-tb-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-tb-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-tb-xl {
  padding-top: 25px;
  padding-bottom: 25px;
}
/* -- 浮动 --  */
.cf::after,
.cf::before {
  content: " ";
  display: table;
}
.cf::after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ag-avatar {
  font-variant: small-caps;
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  width: 82px;
  height: 82px;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 50%;
}
.ag-avatar.sm {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.ag-avatar.lg {
  width: 48px;
  height: 48px;
  font-size: 18px;
}
.ag-avatar.xl {
  width: 64px;
  height: 64px;
  font-size: 25px;
}
/* ==================
          文本
 ==================== */
.text-xs {
  font-size: 10px;
}
.text-sm {
  font-size: 12px;
}
.text-df {
  font-size: 14px;
}
.text-lg {
  font-size: 16px;
}
.text-xl {
  font-size: 18px;
}
.text-xxl {
  font-size: 22px;
}
.text-sl {
  font-size: 40px;
}
.text-xsl {
  font-size: 60px;
}
.text-Abc {
  text-transform: Capitalize;
}
.text-ABC {
  text-transform: Uppercase;
}
.text-abc {
  text-transform: Lowercase;
}
.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 2px;
}
.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-bold {
  font-weight: bold;
}
.text-center {
  text-align: center;
}
.text-content {
  line-height: 1.6;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-red,
.line-red,
.lines-red {
  color: #e54d42;
}
.text-orange,
.line-orange,
.lines-orange {
  color: #f37b1d;
}
.text-yellow,
.line-yellow,
.lines-yellow {
  color: #fbbd08;
}
.text-olive,
.line-olive,
.lines-olive {
  color: #8dc63f;
}
.text-green,
.line-green,
.lines-green {
  color: #39b54a;
}
.text-cyan,
.line-cyan,
.lines-cyan {
  color: #1cbbb4;
}
.text-blue,
.line-blue,
.lines-blue {
  color: #1664ff;
}
.text-purple,
.line-purple,
.lines-purple {
  color: #6739b6;
}
.text-mauve,
.line-mauve,
.lines-mauve {
  color: #9c26b0;
}
.text-pink,
.line-pink,
.lines-pink {
  color: #e03997;
}
.text-brown,
.line-brown,
.lines-brown {
  color: #a5673f;
}
.text-grey,
.line-grey,
.lines-grey {
  color: #8799a3;
}
.text-gray,
.line-gray,
.lines-gray {
  color: #aaaaaa;
}
.text-black,
.line-black,
.lines-black {
  color: #333333;
}
.text-blackccc,
.line-blackccc,
.lines-blackccc {
  color: #ccc;
}
.text-black888,
.line-black888,
.lines-black888 {
  color: #888;
}
.text-white,
.line-white,
.lines-white {
  color: #ffffff;
}
.bg-red {
  background-color: #e54d42;
  color: #ffffff;
}
.bg-orange {
  background-color: #f37b1d;
  color: #ffffff;
}
.bg-yellow {
  background-color: #fbbd08;
  color: #333333;
}
.bg-olive {
  background-color: #8dc63f;
  color: #ffffff;
}
.bg-green {
  background-color: #39b54a;
  color: #ffffff;
}
.bg-cyan {
  background-color: #1cbbb4;
  color: #ffffff;
}
.bg-blue {
  background-color: #1664ff;
  color: #ffffff;
}
.bg-purple {
  background-color: #6739b6;
  color: #ffffff;
}
.bg-mauve {
  background-color: #9c26b0;
  color: #ffffff;
}
.bg-pink {
  background-color: #e03997;
  color: #ffffff;
}
.bg-brown {
  background-color: #a5673f;
  color: #ffffff;
}
.bg-grey {
  background-color: #8799a3;
  color: #ffffff;
}
.bg-gray {
  background-color: #f0f0f0;
  color: #333333;
}
.bg-black {
  background-color: #333333;
  color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
  color: #333;
}
.bg-shadeTop {
  background-image: linear-gradient(#000000, rgba(0, 0, 0, 0.01));
  color: #ffffff;
}
.bg-shadeBottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), #000000);
  color: #ffffff;
}
.bg-red.light {
  color: #e54d42;
  background-color: #fadbd9;
}
.bg-orange.light {
  color: #f37b1d;
  background-color: #fde6d2;
}
.bg-yellow.light {
  color: #fbbd08;
  background-color: #fef2ce;
}
.bg-olive.light {
  color: #8dc63f;
  background-color: #e8f4d9;
}
.bg-green.light {
  color: #39b54a;
  background-color: #d7f0db;
}
.bg-cyan.light {
  color: #1cbbb4;
  background-color: #d2f1f0;
}
.bg-blue.light {
  color: #1664ff;
  background-color: #cce6ff;
}
.bg-purple.light {
  color: #6739b6;
  background-color: #e1d7f0;
}
.bg-mauve.light {
  color: #9c26b0;
  background-color: #ebd4ef;
}
.bg-pink.light {
  color: #e03997;
  background-color: #f9d7ea;
}
.bg-brown.light {
  color: #a5673f;
  background-color: #ede1d9;
}
.bg-grey.light {
  color: #8799a3;
  background-color: #e7ebed;
}
.bg-gradual-red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  color: #ffffff;
}
.bg-gradual-orange {
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
  color: #ffffff;
}
.bg-gradual-green {
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
  color: #ffffff;
}
.bg-gradual-purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  color: #ffffff;
}
.bg-gradual-pink {
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
  color: #ffffff;
}
.bg-gradual-blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  color: #ffffff;
}
.shadow[class*="-red"] {
  box-shadow: 0px 0px 16px 1px rgba(204, 69, 59, 0.35);
}
.shadow[class*="-orange"] {
  box-shadow: 0px 0px 16px 1px rgba(217, 109, 26, 0.35);
}
.shadow[class*="-yellow"] {
  box-shadow: 0px 0px 16px 1px rgba(224, 170, 7, 0.35);
}
.shadow[class*="-olive"] {
  box-shadow: 0px 0px 16px 1px rgba(124, 173, 55, 0.35);
}
.shadow[class*="-green"] {
  box-shadow: 0px 0px 16px 1px rgba(48, 156, 63, 0.35);
}
.shadow[class*="-cyan"] {
  box-shadow: 0px 0px 16px 1px rgba(28, 187, 180, 0.35);
}
.shadow[class*="-blue"] {
  box-shadow: 0px 0px 16px 1px rgba(0, 102, 204, 0.35);
}
.shadow[class*="-purple"] {
  box-shadow: 0px 0px 16px 1px rgba(88, 48, 156, 0.35);
}
.shadow[class*="-mauve"] {
  box-shadow: 0px 0px 16px 1px rgba(133, 33, 150, 0.35);
}
.shadow[class*="-pink"] {
  box-shadow: 0px 0px 16px 1px rgba(199, 50, 134, 0.35);
}
.shadow[class*="-brown"] {
  box-shadow: 0px 0px 16px 1px rgba(140, 88, 53, 0.35);
}
.shadow[class*="-grey"] {
  box-shadow: 0px 0px 16px 1px rgba(114, 130, 138, 0.35);
}
.shadow[class*="-gray"] {
  box-shadow: 0px 0px 16px 1px rgba(114, 130, 138, 0.35);
}
.shadow[class*="-black"] {
  box-shadow: 0px 0px 16px 1px rgba(217, 218, 222, 0.35);
}
.shadow[class*="-white"] {
  box-shadow: 0px 0px 16px 1px rgba(217, 218, 222, 0.35);
}
.text-shadow[class*="-red"] {
  text-shadow: 0px 0px 16px 1px rgba(204, 69, 59, 0.35);
}
.text-shadow[class*="-orange"] {
  text-shadow: 0px 0px 16px 1px rgba(217, 109, 26, 0.35);
}
.text-shadow[class*="-yellow"] {
  text-shadow: 0px 0px 16px 1px rgba(224, 170, 7, 0.35);
}
.text-shadow[class*="-olive"] {
  text-shadow: 0px 0px 16px 1px rgba(124, 173, 55, 0.35);
}
.text-shadow[class*="-green"] {
  text-shadow: 0px 0px 16px 1px rgba(48, 156, 63, 0.35);
}
.text-shadow[class*="-cyan"] {
  text-shadow: 0px 0px 16px 1px rgba(28, 187, 180, 0.35);
}
.text-shadow[class*="-blue"] {
  text-shadow: 0px 0px 16px 1px rgba(0, 102, 204, 0.35);
}
.text-shadow[class*="-purple"] {
  text-shadow: 0px 0px 16px 1px rgba(88, 48, 156, 0.35);
}
.text-shadow[class*="-mauve"] {
  text-shadow: 0px 0px 16px 1px rgba(133, 33, 150, 0.35);
}
.text-shadow[class*="-pink"] {
  text-shadow: 0px 0px 16px 1px rgba(199, 50, 134, 0.35);
}
.text-shadow[class*="-brown"] {
  text-shadow: 0px 0px 16px 1px rgba(140, 88, 53, 0.35);
}
.text-shadow[class*="-grey"] {
  text-shadow: 0px 0px 16px 1px rgba(114, 130, 138, 0.35);
}
.text-shadow[class*="-gray"] {
  text-shadow: 0px 0px 16px 1px rgba(114, 130, 138, 0.35);
}
.text-shadow[class*="-black"] {
  text-shadow: 0px 0px 16px 1px rgba(217, 218, 222, 0.35);
}
/* -- 实线 -- */
.position-relative .solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
  position: relative;
}
.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
}
.solid::after {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.solid-top::after {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.solid-right::after {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.solid-bottom::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.solid-left::after {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.solids::after {
  border: 4px solid #eee;
}
.solids-top::after {
  border-top: 4px solid #eee;
}
.solids-right::after {
  border-right: 4px solid #eee;
}
.solids-bottom::after {
  border-bottom: 4px solid #eee;
}
.solids-left::after {
  border-left: 4px solid #eee;
}
/* -- 虚线 -- */
.dashed::after {
  border: 1px dashed #ddd;
}
.dashed-top::after {
  border-top: 1px dashed #ddd;
}
.dashed-right::after {
  border-right: 1px dashed #ddd;
}
.dashed-bottom::after {
  border-bottom: 1px dashed #ddd;
}
.dashed-left::after {
  border-left: 1px dashed #ddd;
}
ul,
li {
  list-style: none;
}
.el-card__header {
  padding: 16px 14px;
}
.el-card__header .clearfix {
  font-size: 16px;
  font-weight: bold;
}
.el-card__header .clearsquer::before {
  position: relative;
  display: inline-block;
  content: "";
  top: -2px;
  right: 5px;
  width: 6px;
  height: 6px;
  border-radius: 0px;
  /* border-left:4px solid #2b68da; */
  background-color: #2b68da;
}
.title-ul li {
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
.title-ul .active {
  color: #409eff;
}
.vdr {
  border: 0 !important;
  border-radius: 4px;
  font-size: 14px;
  cursor: move;
}
.vdr .imgbox {
  line-height: 0;
  width: 100%;
  height: 100%;
}
.vdr .ag-drag {
  border-style: dashed;
  border-width: 1px;
  border-radius: 4px;
}
.my-active-class {
  border: 0 !important;
  border-radius: 4px;
  cursor: move;
  z-index: 5000 !important;
}
.my-active-class .ag-drag {
  border-style: solid;
}
.handle-br {
  cursor: se-resize !important;
}
.handle-tl,
.handle-tm,
.handle-tr,
.handle-ml,
.handle-mr,
.handle-bl,
.handle-bm {
  display: none !important;
}
.my-active-class .handle-rot {
  top: -20px !important;
}
.my-active-class .handle-rot:before {
  background-size: 1136px 1505px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-position: -803px -410px;
  display: inline-block;
  border: none !important;
  transform: scale(1.4) translate(-50%, -50%) !important;
}
.my-active-class .handle-rot:after {
  border: 0 !important;
}
.my-active-class2 .handle-rot {
  top: -20px !important;
}
.my-active-time .handle-rot {
  top: -20px !important;
}
.my-active-time .handle-tl,
.my-active-time .handle-tm,
.my-active-time .handle-tr,
.my-active-time .handle-ml,
.my-active-time .handle-mr,
.my-active-time .handle-bl,
.my-active-time .handle-bm,
.my-active-time .handle-br {
  display: none !important;
}
.handle-br .brs {
  width: 20px;
  height: 20px;
  display: flex;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 800;
  left: -7px;
  top: -10px;
  color: #fff;
}
.rightbox {
  width: 260px;
  position: relative;
  box-sizing: border-box;
}
.rightbox .to-right-side {
  position: absolute;
  top: 50%;
  left: -15px;
  cursor: pointer;
  z-index: 1000;
}
.rightbox::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  cursor: pointer;
}
.rightbox::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: #aaa;
}
.rightbox::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #f1f1f1;
}
.leftbox {
  width: 250px;
  position: relative;
  text-align: center;
  z-index: 400;
  border-left: 1px solid #ccc;
}
.leftbox .to-left-side {
  position: absolute;
  top: 50%;
  right: -15px;
  cursor: pointer;
}
.leftboxHide {
  width: 0;
}
.sign-body {
  margin-top: 70px;
}
.sign-body2 {
  padding-top: 63px;
}
.sign-header {
  width: 100%;
  background: #fff;
  display: flex;
  position: fixed;
  align-items: center;
  height: 60px;
  top: 0;
  left: 0;
  z-index: 500;
}
.sign-header .sign-left {
  position: absolute;
  color: #333;
  cursor: pointer;
  text-align: center;
  height: 100%;
  left: 30px;
  top: 0;
  display: flex;
  align-items: center;
}
.sign-header .sign-left:hover {
  color: #1257FF !important;
}
.sign-header .sign-center {
  flex: 1;
  display: flex;
  justify-content: center;
}
.sign-header .sign-right {
  display: flex;
  align-items: center;
  text-align: center;
  padding-right: 40px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.special-input {
  position: relative;
}
.special-input .el-input-group__append {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 30px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  padding: 0px 5px;
}
.special-input .el-input__inner {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.special-input .el-input__inner {
  padding-right: 55px !important;
}
.special-input .el-input__suffix {
  right: -5px !important;
}
.ag-tip {
  margin: 0 4px;
}
.sign-sort {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 0.2;
  background: #1257FF;
  font-size: 12px;
}
.sign-sort-active {
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #0079fe;
  color: #fff;
  font-size: 10px;
}
.sign-sort-active-sure {
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #f0f0f0;
  background-color: #0079fe;
  color: #959595;
  font-size: 10px;
  position: relative;
  z-index: 10;
}
.sign-sort-active1 {
  width: 18px;
  height: 18px;
}
.sign-sort-active2 {
  width: 18px;
  height: 18px;
}
.sign-sort-active3 {
  width: 23px;
  height: 23px;
}
.el-checkbox,
.el-radio {
  margin-right: 10px !important;
}
img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
}
.cursor-pointer {
  cursor: pointer;
}
.numegjahe .el-dialog__body {
  padding: 30px 0 0 0px;
}
.signPdf2 {
  width: 300px !important;
  height: 46px;
  background: #fafbfd;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}
.signPdf2 .z-left {
  width: 20px;
}
.signPdf2 .z-left img {
  width: 20px;
}
.signPdf2 .z-center {
  flex: 1;
}
.signPdf2 .z-center .z-title {
  height: 20px;
}
.signPdf2 .z-center div {
  height: 20px;
}
.signPdf2 .z-right {
  width: 40px;
  font-size: 12px;
}
.buity-scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  cursor: pointer;
}
.buity-scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: #aaa;
}
.buity-scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #f1f1f1;
}
.el-table__body-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
  cursor: pointer;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: #aaa;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #f1f1f1;
}
.redstar .el-form-item__label:before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}
.el-checkbox__input.is-disabled + .el-checkbox__label {
  color: #808080 !important;
}
.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
  color: #1257FF !important;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #1257FF !important;
  border-color: #1257FF !important;
}
.el-input.is-disabled .el-input__inner,
textarea:disabled {
  color: #606266 !important;
}
.el-table__header {
  width: 100% !important;
  table-layout: fixed;
}
.el-message-box__title {
  font-size: 12px !important;
}
.el-message-box__content {
  padding: 24px 30px;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 20px !important;
}
.el-message {
  text-align: center !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: center !important;
  font-size: 16px !important;
  height: 40px !important;
}
.el-message--error {
  background-color: #FFF0F0 !important;
  color: #F0371F !important;
}
.el-dialog__header {
  padding: 10px 20px 10px !important;
  border-bottom: 1px solid #F4F6FA;
}
.el-dialog__header .el-dialog__title {
  font-size: 12px !important;
  font-weight: bold;
}
.el-dialog__header .el-dialog__headerbtn {
  top: 15px !important;
}

.el-form-item__label {
  color: #333 !important;
}
.el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #f0f0f0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  line-height: 30px;
  font-size: 13px;
  text-align: center !important;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #e7eeff !important;
  color: #1257FF !important;
}
.el-dropdown-menu--small {
  padding: 0 !important;
}
.el-button--primary:focus {
  background-color: #1257FF !important;
  border-color: #1257FF !important;
}
.el-button.tokeep {
  border: 1px solid #1257FF !important;
  color: #1257FF !important;
}
.el-button.tokeep:focus {
  color: #1257FF !important;
  background-color: #fff !important;
}
.el-button.tokeep:hover {
  background-color: #f3f6ff !important;
}
.el-tooltip__popper.is-dark {
  max-width: 360px;
  background-color: #595959 !important;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  border-radius: 2px 2px 2px 0px 0px 0px 2px;
}
.el-radio__inner::after {
  width: 5px !important;
  height: 5px !important;
}
.el-dialog__wrapper.dialog-fade-leave-active {
  -ms-animation: none;
}
.el-dialog__wrapper.dialog-fade-enter-active {
  -ms-animation: none;
}
.dialog-body-padding0 .el-dialog__body {
  padding: 0 !important;
}
.ag-brage {
  width: 40px;
  height: 20px;
  background: #ffebe0;
  border-radius: 2px;
  line-height: 20px;
  color: #FE791B;
  background-color: #FFEBE0;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
.ag-brage-100 {
  color: #FE791B;
  background-color: #FFEBE0;
}
.ag-brage-6 {
  color: #1919FF;
  background-color: #e8e8ff;
}
.ag-brage-7 {
  color: #bb961e;
  background-color: #fffbee;
}
.ag-brage-8 {
  color: #bb961e;
  background-color: #fffbee;
}
.ag-brage-10 {
  color: #71C147;
  background-color: #EFFFE4;
}
.ag-brage--1 {
  color: #bb961e;
  background-color: #fffbee;
}
.main-color {
  color: #1257ff !important;
}

.el-button--primary{
  background: #1257FF;
  border-radius: 2px;
}
.border-Blue {
  border-radius: 2px;
  border: 1px solid rgba(18,87,255,1);
  color: rgba(18,87,255,1);
}
.spans{
  padding: 0 7px;
  font-size: 12px;
  color: #1257FF;
  line-height: 22px;
  font-weight: 550;
  position: relative;
  top: -2px;
}